<!DOCTYPE HTML>

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta charset="utf-8">

<!-- Description, Keywords and Author -->

<meta name="description" content="">
<meta name="author" content="">
<title>:: 静静 ::</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

<!-- style -->

<link href="css/style.css" rel="stylesheet">

<!-- style -->

<!-- bootstrap -->

<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- responsive -->

<link href="css/responsive.css" rel="stylesheet">

<!-- font-awesome -->

<link href="css/font-awesome.min.css" rel="stylesheet">

<!-- font-awesome -->

</head>

<body>

<!-- main-wrapper-iamge -->

<main id="main" role="main-wrapper-iamge">
  <div class="over-bg-color"> 
    
    <!-- container -->
    
    <div class="container"> 
      
      <!-- tab-content -->
      
      <div class="tab-content text-center"> 
        
        <!-- Countdown -->
        
        <section id="home" class="tab-pane fade in active">
          <article role="countdown" class="countdown-pan">
            
            <h1>我的简介</h1>
          </article>
        </section>
        
        <!-- Countdown --> 
        
        <!-- introduction -->
        
        <section id="menu1" class="tab-pane fade">
          <article role="introduction" class="introduction-pan">
            <header class="page-title">
              <h2>孙静</h2>
            </header>
            <p>　我是一个对理想有着执着追求的人，坚信是金子总会发光。文笔流畅，熟悉传媒工作、广告学制作与设计等工作方面。为人热情，活泼，大方， 本人好学上进，诚信、敬业、责任心强，有强烈的团体精神，对工作认真积极，严谨负责。 </p>
            
            <!-- services -->
            
            <ul role="services">
              <li> <i class="fa fa-diamond" aria-hidden="true"></i>
                <h6>爱好</h6>
                <p>听音乐、喜欢写字、看书</p>
              </li>
              <li> <i class="fa fa-camera-retro" aria-hidden="true"></i>
                <h6>星座</h6>
                <p>处女</p>
              </li>
              <li> <i class="fa fa-bullhorn" aria-hidden="true"></i>
                <h6>生日</h6>
                <p> 08  26 </p>
              </li>
            </ul>
            
            <!-- services --> 
            
          </article>
        </section>
        
        <!-- introduction --> 
        
        <!-- Subscribe -->
        <div class="copyrights">Collect from <a href="http://www.baidu.com/" ></a></div>
        
        <section id="menu2" class="tab-pane fade">
          <article role="subscribe" class="subscribe-pan">
            <header class="page-title">
              
            </header>
            
              
              <!-- subscribe message -->
              
              
              
              <!-- subscribe message --> 
            
            <p>去年暑假我在天府广场附近发了一个月的传单，虽然很累但是经过这次暑假的锻炼让我对工作多了几分认真严谨的态度，记得那天在下雨
              我准备打算旷班一天。但是我回到门口看见一位保洁阿姨为我们打扫卫生，我就问自己同样都是人，为什么别人都能吃苦为什么我不能吃苦
              如果我养成了这种坏习惯。以后进入社会岂不是要三天打鱼两天晒网，从这次暑假的经历，让我受益匪浅，工作就应该要有工作的态度，做什么都要坚持到底。
              业精于勤荒于嬉-行成于思而毁于随
            </p>
          </article>
        </section>
        
        <!-- Subscribe --> 
        
        <!-- Contact -->
        
        <section id="menu3" class="tab-pane fade">
          <article role="contact" class="contact-pan">
            <header class="page-title">
              <h2>我的感情经历</h2>
            </header>
            <h3>曾经，有一份真挚的爱情摆在我面前，我没有珍惜，
等到我失去的时候才后悔莫及，
人世间最痛苦的事莫过于此......
如果上天能够给我一个再来一次的机会，
我会对那个男孩子说三个字：
“我爱你。”
如果非要在这份爱上加一个期限，
我希望是.....一万年</h3>
            <ul>
           
            </ul>
          </article>
        </section>
      </div>
      
      <!-- tab-content --> 
      
    </div>
    
    <!-- container --> 
    
    <!-- header -->
    
    <header role="header">
      <hgroup> 
        
        <!-- logog -->
        
        <h3> E-mail:2438781557@qq.com</h3>
        
        <!-- logog --> 
        
        <!-- nav -->
        
        <nav role="nav" id="header-nav" class="nav navy">
          <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#home" title="Countdown">主页</a></li>
            <li><a data-toggle="tab" href="#menu1" title="Introduction">简介</a></li>
            <li><a data-toggle="tab" href="#menu2" title="Subscribe">工作经历</a></li>
            <li><a data-toggle="tab" href="#menu3" title="Contact">感情经历</a></li>
          </ul>
          <div role="socil-icons" class="mobile-social">
            <li><a href="#" target="_blank" title="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
            <li><a href="#" target="_blank" title="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
            <li><a href="#" target="_blank" title="google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
            <li><a href="#" target="_blank" title="pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
          </div>
        </nav>
        
        <!-- nav --> 
        
        <!-- Socil Icon -->
        
        <ul role="socil-icons" class="desk-social">
          <li><a href="#" target="_blank" title="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
          <li><a href="#" target="_blank" title="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
          <li><a href="#" target="_blank" title="google-plus"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
          <li><a href="#" target="_blank" title="pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
        </ul>
        
        <!-- Socil Icon --> 
        
      </hgroup>
      <footer class="desk">
        
      </footer>
    </header>
    
    <!-- header -->
    
    <footer class="mobile">
      <p>&copy; All rights reserved. Floxi 2015 </p>
    </footer>
  </div>
</main>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 

<script src="js/jquery.min.js" type="text/javascript"></script> 

<!-- custom --> 

<script src="js/custom.js" type="text/javascript"></script> 
<script src="js/nav-custom.js" type="text/javascript"></script> 

<!-- Include all compiled plugins (below), or include individual files as needed --> 

<script src="js/bootstrap.min.js" type="text/javascript"></script> 

<!-- jquery.countdown --> 

<script src="js/countdown-js.js" type="text/javascript"></script> 
<script src="js/html5shiv.js" type="text/javascript"></script>
</body>
</html>